import {
    createVNode,
    render
} from 'vue'
import XtxMessage from './xtx-message.vue'
// 创建一个真实的dom
const div = document.createElement('div')
div.setAttribute('class', 'xtx-message-container')
document.body.appendChild(div)
export default ({
    type,
    text,
    time = 2000
}) => {
    // 1.以xtx-message.vue组件为虚拟dom的模板创建虚拟dom节点
    const vnode = createVNode(XtxMessage, {
        type,
        text
    })

    // 2.将虚拟dom节点挂载到真实的dom中进行显示
    render(vnode, div)

    // 3.3s后消失
    setTimeout(() => {
        render(null, div)
    }, time)
}